<template>
  <div >
  <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000" router>
  <van-tabbar-item to="/home" icon="wap-home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/twosort" icon="apps-o">分类</van-tabbar-item>
  <van-tabbar-item to="/shopping" icon="cart-o">购物车</van-tabbar-item>
  <van-tabbar-item to="user" icon="friends-o">我的</van-tabbar-item>
</van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active:0
      }
     }}
</script>

<style  scoped>
.active{
    color: red;
}
</style>
